@charset "utf-8";
/* 公共的取消内外边距 */
body,dd,dl,dt,form,h1,h2,h3,h4,h5,h6,hr,input,li,ol,p,td,textarea,th,ul{
    margin:0;padding:0
}

/* 去除列表的默认样式 */
ol,ul {
    list-style: none
}

/* 去除超链接的下划线 */
a {
    text-decoration: none
}

/* 去除图片的默认边框 */
img {
    border: 0;
    vertical-align: bottom;
}

/* 去除浮动造成的影响 */
.cf::after {
    content: '';
    clear: both;
    display: block;
}

/* 公共的版心 */
.container {
    width: 1200px;
    margin: 0 auto;
}
.body{
    background-color: #F3F5F8;
}
/* 注册页面，顶部样式 */
.header{
    height: 66px;
    line-height: 66px;
    background-color: #fff;
}
.header img{
    vertical-align: middle;
}
.header span{
    float: right;
    color: #aaa;
    font-size: 14px;
}
.header span a{
    color: #00BDFF;
}

/* 注册页面表单样式 */
.register-box{
    margin-top: 50px;
    height: 600px;
    background-color: #fff;
}

.register-box form{
    width: 450px;
    margin: 0px auto;
    padding-top: 50px;
}

.register-title ,.register-interface{
    font-weight: normal;
    font-size: 38px;
}

.register-interface{
    margin-top: 15px;
    font-size: 22px;
    line-height: 36px;
}

.register-gift{
    width: 100%;
    height: 32px;
    color: #fff;
    border-radius: 6px;
    text-indent: 80px;
    line-height: 32px;
    background: #ED510A url(../images/reg-gift.png) no-repeat;
    background-position: 50px 6px;
}

.register-item{
    margin: 20px auto;
    position: relative;
}
.register-input{
    width: 100%;
    height: 40px;
    border-radius: 6px;
    border: 1px solid #ccc;
    outline: 0;
    padding-left: 20px;
    box-sizing: border-box;
}
.register-input::placeholder{
    font-size: 14px;
}
.register-item p{
    /* position: absolute;
    right: -176px;
    top:12px; */
    display: none;
    text-align: left;
    float: left;
}
.register-item .msg-icon{
    background-image: url(../images/sprite2.png);
    background-repeat: no-repeat;
    background-position: 0px -128px;
    display: inline-block;
    width: 18px;
    height: 16px;
    vertical-align: middle;
   
}

.register-item .msg{
    font-size: 12px;
    color: #f00;
    margin-top: -2px;
}

.register-clear{
    position: absolute;
    top: 12px;
    right: 10px;
    display: none;
    cursor: pointer;
}
/* 单独处理验证码的输入框中的按钮 */
.register-clear-code{
    right: 130px;
}
.register-get-code{
    position: absolute;
    top: 0;
    right: 0;
    width: 124px;
    height: 40px;
    outline: 0;
    border: 1px solid #ccc;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.register-box .agree{
    font-size: 12px;
    color: #ccc;
}
.register-box .agree input{
    vertical-align: middle;
}
.register-box .agree a{
    color: #00BDFF;
}

.register-submit-btn{
    margin-top: 20px;
    width: 100%;
    height: 50px;
    background-color: #E0E0E0;
    border: 0;
    outline: 0;
    color: #666;
    cursor: pointer;
}

button.active{
    background-color: #15BDED;
    color: #fff;
}
